<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>links</title>
  </head>
  <body>
    <!-- 
    1. a 元素用来创建链接
    2. a 元素可以与文本和图形一起使用
    3. a 元素有 7 个基本属性
      - href: 跳转链接
      - download: 告诉浏览器下载 URL，而不是跳转到 URL
      - hreflang: 链接指向页面的语言
      - referrerpolicy: 获取 URL 时发送的 referrer
      - rel: 目标对象和链接对象的关系
      - target: 如何打开链接（_self,_parent,_top,_blank）
      - type: 链接指向资源的 MIME 类型
  -->
    <svg
      width="200"
      height="200"
      viewBox="0 0 200 200"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <!-- 文本链接 -->
      <a href="https://www.w3schools.com/graphics" target="_blank">
        <text x="5" y="15" style="fill: red">svg - a</text>
      </a>
      <!-- 图形链接 -->

      <a xlink:href="https://www.w3schools.com/graphics" target="_blank">
        <circle cx="80" cy="80" r="45" style="fill: red" />
      </a>
    </svg>
  </body>
</html>
